<!-- 前台店长 – 首页	indexs -->
<template>
	<view class="warps">
		<view class="">
			<u-sticky offset-top="-20">
				<!-- 只能有一个根元素 -->
				<view class="sticky">
					<text class="white">某某某(用户)表扬/批评了某某某教练</text>
				</view>
			</u-sticky>
			<view class="w80 f b c mar " style="flex-wrap:wrap;">
				<view class="index-box senter p_t_60 f d c m_t_40" v-for="(item,index) in list" :key="index"
					@click="tomlist(index)">
					<image style="width: 128rpx;height: 128rpx;" :src="item.url" mode=""></image>
					<text class="p_t_10 bold">{{item.name}}</text>
				</view>
			</view>
		</view>
		<view>
		</view>
		<view class="quanxian" style="margin-top:150rpx;"></view>
		<view class="TBB">
			<TABBAE :idx="1"></TABBAE>
		</view>
	</view>
</template>

<script>
	import TABBAE from '../tabbar/tabbar.vue'
	export default {
		components: {
			TABBAE
		},
		data() {
			return {
				show: false,
				list: [{
						url: '../../../static/img/059.png',
						name: '考勤打卡'
					},
					{
						url: '../../../static/img/093.png',
						name: '添加会员'
					},
					{
						url: '../../../static/img/094.png',
						name: '会员管理'
					},
					{
						url: '../../../static/img/095.png',
						name: '会员考勤'
					},
					{
						url: '../../../static/img/096.png',
						name: '课程管理'
					},
					{
						url: '../../../static/img/097.png',
						name: '代约课'
					},
					{
						url: '../../../static/img/098.png',
						name: '数据统计'
					}
				]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '首页'
			})
		},
		methods: {
			tomlist(e) {
				console.log(e) //这里打印出来是 0 1 2 3 数组索引值
				if (e == 0) {
					uni.navigateTo({
						url: "../../qiantaiduan/punch/punch"
					})
				}
				if (e == 1) {
					uni.navigateTo({
						url: "../..//member/member"
					})
				}
				if (e == 2) {
					uni.navigateTo({
						url: "../../qiantaiduan/member/management/management"
					})
				}
				if (e == 3) {
					uni.navigateTo({
						url: "../../qiantaiduan/member/Members/Members"
					})
				}
				if (e == 4) {
					uni.navigateTo({
						url: "../../qiantaiduan/curriculum/curriculum"
					})
				}
				if (e == 5) {
					uni.navigateTo({
						url: "../../qiantaiduan/Generation/Generation"
					})
				}
				if (e == 6) {
					uni.navigateTo({
						url: "../../qiantaiduan/Generation/statistics/statistics"
					})
				}
			},
			ao() {
				uni.navigateTo({
					url: "../punch/punch"
				})
			}
		}
	}
</script>

<style>
	.cover {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #000000;
		opacity: 0.6;
		z-index: 10;
	}

	.TBB {
		width: 100vw;
		position: fixed;
		bottom: 0rpx;
	}

	.warps {
		/* height:200vh; */
		overflow: hidden;
		background-color: #F6F8FC;
	}

	.container {
		margin-top: 0rpx;
	}

	.sticky {
		width: 750rpx;
		height: 66rpx;
		line-height: 66rpx;
		opacity: 0.25;
		background: #ff7105;
		text-align: center;
	}

	.index-box {
		width: 280rpx;
		height: 280rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 8rpx;
		box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
	}

	.Details-huod {
		width: 432rpx;
		height: 516rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 12rpx;
		position: absolute;
		top: 300rpx;
		left: 160rpx;
		z-index: 11;
	}

	.index-but {
		position: absolute;
		top: 900rpx;
		left: 160rpx;
		z-index: 11;
	}

	.index-but>button {
		width: 432rpx;
		height: 64rpx;
		line-height: 64rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 12rpx;
		font-size: 28rpx;
		color: #fff;
	}
</style>
